<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>zhuye</title>
    <link rel="stylesheet" type="text/css" href="登录.css" />
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.26.0/axios.min.js"></script>
    <style>
        .up1{
            width: 65%;
            height: 120px;
            margin-top: 20px;
            margin-left:260px;
            background-color: rgb(106, 107, 107);
          
        }
        .up2{
            width: 65%;
            height: 120px;
            top:220px;
            margin-left: 260px;
            background-color: white;
                   }
        .in{
            height: 120px;
            width: 120px;
            position: relative;
            top:-180px;
            left: 300px;
            
        }
        .myright1{
            width:30%;
            height:240px; 
            background-color: white;
            float:right;
           
        }
        .back{
            width:65%;
            background-color:  whitesmoke;;
            height:1000px;
            margin-top: 25px;
            margin-left: auto;
            margin-right: auto;
            margin-top: -90px;
        }
    </style>

</head>
<body style="background-color: whitesmoke;">
    <!--上面的条条-->
    <div class="top">
        <div class="part1">
            <img src="./picture/zhihu.png" class="photo4">
            <h3 style="display: inline-block;  color:rgb(181, 181, 189)">关注</h3>
            <h3 style="display: inline-block;  color:rgb(181, 181, 189)">推荐</h3>
            <h3 style="display: inline-block;  color:rgb(181, 181, 189)">热榜</h3>
            <h3 style="display: inline-block;  color:rgb(181, 181, 189)">视频</h3>
        </div>
        <div class="part2">
            <input class="sou" value="搜点什么试试吧" >
            <button class="button2">
                提问
            </button>
        </div>
        <div class="part3">
           
                    <img class="photo5" src="./picture/铃铛.png">
               
                    <img class="photo5" src="./picture/消息.png">
                    <div class="zhuye">
                        <img class="photo5" src="./picture/头像 .png">
                        <ul >
                            <li><a href="file:///C:/Users/Lenovo/Desktop/%E5%AF%92%E5%81%87%E5%A4%A7%E4%BD%9C%E4%B8%9A/%E5%8F%AF%E6%BB%91%E5%8A%A8%E9%A1%B5%EF%BC%88%E4%B8%8D%E7%99%BB%EF%BC%89.html">首页</a></li>
                            <li>创作中心</li>
                            <li>无障碍</li>
                            <li>设置</li>
                            <li>退出</li>
                        </ul>
                    </div>
                
        </div>
    </div>
    <div class="up1">
        <button style="background-color: rgb(106, 107, 107);color: white;
                        border-color: white ;
                        float: right;
                        margin-right: 50px;
                        margin-top: 20px;
                        border-radius: 20px;
                        "><h3>上传封面图片</h3></buuton>
    </div>
    <div class="up2">
        <div><h2 style="display:inline-block;margin-left: 180px;">嘿嘿嘿</h2></div>
        <span style="color:rgb(133, 134, 134); margin-left: 180px;">查看详细资料</span>
        <button style="color: rgb(73, 165, 252);
        border-color: rgb(73, 165, 252) ;background-color: white;
        float: right;
        margin-right: 50px;
        margin-top: 20px;
        border-radius: 20px;
        margin-top:-50px;
        "><h3>编辑个人资料</h3></button>

    </div>
    <div >
        <img class="in" src="./picture/头像 .png">
        
    </div>
    <div class="back">
        <div class="left">
            <!--左侧框-->
            <div class="mydong">

            </div>

        </div>
        <div class="right1">
            <!--右侧框-->
            <div class="r1">
                <img src="./picture/人头.png" class="photo6" sytle="display:inline-block;margin-top:20px">
                <span style="display: inline-block;">创作中心</span>
                <span style="color: rgb(72, 146, 241); display: inline-block; ">Lv2</span>
                <h6 style="color:rgb(104, 103, 103); float:right;"> 草稿箱(0)</h6>
            </div>
            <div class="r2">
                <div>
                    <img  class="photo7" src="./picture/回答.png"> <h6> 回答问题</h6>
                </div>
                <div>
                    <img  class="photo7" src="./picture/视频.png" > <h6> 发视频</h6>
                </div>
                <div>
                    <img  class="photo7" src="./picture/文章.png"  > <h6> 写文章</h6>
                </div>
                <div>
                    <img  class="photo7" src="./picture/想法.png"> <h6> 写想法</h6>
                </div>
            </div>
            <div class="r3">
                <button class="button3">进入创作中心></button>
            </div>
        </div>
    </div>
    <script src="3.js"></script>
</body>
</html>